<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
  <link href="css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="js/test.js"></script>
</head>
<body>
<form action="test" onsubmit="return beforeSub()">
	<table  class="table table-bordered">
		<tr>
			<td width="150px">姓名</td>
			<td><input type="text"  class="form-control" name="userName" placeholder="请输入您的姓名" ></td>
		</tr>
		<tr>
			<td>密码</td>
			<td><input type="password" class="form-control" name="psw" placeholder="请输入您的密码"></td>
		</tr>
		<tr>
			<td>性别</td>
			<td>
				      <label class="checkbox-inline"><input type="radio" name="gender" value="0" checked>男</label>
				      &nbsp;&nbsp;&nbsp;
				      <label class="checkbox-inline"><input type="radio" name="gender" value="1" checked>女</label>
				
			</td>
		</tr>
		<tr>
			<td>出生日期</td>
			<td>
				<input type="date" name="birthday" class="form-control mt-3">
			</td>
		</tr>
		<tr>
			<td>爱好</td>
			<td>
				<label class="checkbox-inline"><input type="checkbox" name="hobby" value="0">爬山</label>&nbsp;
				<label class="checkbox-inline"><input type="checkbox" name="hobby" value="1">打篮球</label>&nbsp;
				<label class="checkbox-inline"><input type="checkbox" name="hobby" value="2">听音乐</label>&nbsp;
				<label class="checkbox-inline"><input type="checkbox" name="hobby" value="3">跳舞</label>&nbsp;
				<label class="checkbox-inline"><input type="checkbox" name="hobby" value="4">玩游戏</label>&nbsp;
				
				
			</td>
		</tr>
		<tr>
			<td>在读院校</td>
			<td>
				<select name="school"  class="form-control">
					<option value="qlnu">齐鲁师范学院</option>
					<option value="sdu">山东大学</option>
					<option value="sdnu">山东师范大学</option>
				</select>
			</td>
		</tr>
		<tr>
			<td>输入一个整数</td>
			<td>
				<input type="text" id="num"  class="form-control">
			</td>
		</tr>
		<tr>
			<td>其他</td>
			<td>
				<textarea name="temp"  class="form-control"></textarea>
			</td>
		</tr>
		<tr>
			<td align="center" colspan="2">
				<input type="submit" class="btn btn-secondary" value="点击提交">
				<input type="button" onclick="doSum()" class="btn btn-secondary" value="点击计算">
				<input type="button" onclick="doSubPage()" class="btn btn-secondary" value="点击提交">
				<input type="button" onclick="goUrl()" class="btn btn-secondary" value="点击跳转">
			</td>
			
		</tr>
		
	</table>
	
	
</form>

</body>
</html>